<template>
  <div>
    <div class="mb-10">
      <h1>预览</h1>
      <div v-html="content"></div>
    </div>
    <h1>编辑</h1>
    <ContentEditor v-model:html="content"></ContentEditor>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import ContentEditor from '@/components/base-editor/index.vue';
defineOptions({ name: 'DemoEditor' });

const content = ref('');
</script>
